@import './public.less';
.fixed_box{
    position: fixed;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;overflow-y: scroll;
    -webkit-overflow-scrolling:touch;
}
.body_swiper{
    position: relative;background: #000;
    width: 100%;
    max-width: 750px;margin: 0 auto;
    height: 100%;min-height: 100vh;
    overflow-y: scroll;
}
.body_swiper::-webkit-scrollbar {display: none;}/*隐藏滚动条*/
.body_content{position: absolute;width: 100%;height: auto;z-index: 10;}
.banner_bg{position: absolute;width: 100%;z-index: 0;}
.index_detail{float: left;margin-top:65%;width:100%;height:auto;}
.user_tips_box{
    float: left;margin-top:50%;
    margin-left:2%;position: relative;
    width:96%;height:30px;overflow: hidden;
    img{width: 100%;opacity: 0.5;}
    p{
        position: absolute;left: 0;
        top:0;z-index: 10;
        text-align: center;
        width: 100%;color:#BCFFF5;
        height: 30px;line-height: 30px;
    }
}
.user_list{
    float: left;
    margin-top:10px;margin-left: 2%;
    width:96%;
    height:auto;
    ul{
        overflow: hidden;
        overflow-y: scroll;
    }
    li{
        float: left;
        width: 10%;
        margin-right: 1%;
        text-align: center;
        img{
            width: 90%;
        }
    }
    li:nth-child(9n+1){
        margin-left:0.5%;
    }
    li:last-child{
        margin-right:0.5%;
    }
}
// .index_first_list::-webkit-scrollbar {display: none;}/*隐藏滚动条*/
.fixed_bottom{
    position: absolute;
    left: 0;bottom:20px;
    width: 100%;
    height: 30px;overflow: hidden;
    background: rgba(0,0,0,0.5);
    img{width: 100%;opacity: 0.5;}
    p{
        position: absolute;left: 0;
        top:0;z-index: 10;
        text-align: center;
        width: 100%;color:#67968F;
        height: 30px;line-height: 30px;
    }
    span{border-bottom: 1px solid #67968F; }
}